<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>测试if</h1>
		小明的数学成绩：<input type="text" id="input1"/>
		<button onclick="check()">判断是否及格</button>
		<button onclick="check2()">判断等级</button>
		
		
		<h1>测试switch</h1>
				请输入一个颜色：<input  type="text" id="input2" />
				<button onclick="setColor()">设置颜色</button>
		<script>
			// 1. if语句
			function check()
				{
					var math = input1.value
					if(math>59)
					{
						alert("及格了！")
					}
					else
					{
						alert("及格了！")
					}
				}
			function check2()
			{
				var math = input1.value
				if(math>89)
				{
					alert("优秀")
				}
				else if(math>79)
				{
					alert("良好")
				}
				else if(math>69)
				{
					alert("中等")
				}
				else if(math>59)
				{
					alert("及格")
				}
				else
				{
					alert("不及格")
				}
			}
			
			function setColor()
			{
				var c = input2.value
				
				switch(c)
								{
									case "red":
										alert("红色");
										document.body.style.backgroundColor=c;
									break;
									case "green":
										alert("绿色");
										document.body.style.backgroundColor=c;
									break;
									case "blue":
										alert("蓝色");
										document.body.style.backgroundColor=c;
									break;
									default:
										alert("用户输入的是其他内容");
										document.body.style.backgroundColor="white";
								}
			}
		</script>
		
		
		
		
	</body>
</html>
